@import "../../../common";

.carousel {
  height: 562rpx;
}
.content-box {
  @include container;

  .info {
    @include block;
    margin-bottom: 0;

    .driving-school {
      @include flex;

      image {
        @include size(68, 68);
        margin-right: 16rpx;
      }

      .name {
        width: calc(100% - 68rpx - 16rpx);
        @include fontStyle(32, 32, #000000, 500);
      }
    }

    .characteristic {
      @include flex-space-between;
      margin: 48rpx 0;
      .tag {
        @include flex-space-between;

        .main-string {
          width: 1px;
          height: 56rpx;
          background-color: #eeeeee;
        }
      }
      .item {
        text {
          text-align: center;
          display: block;

          &.tag_1 {
            @include fontStyle(42, 42, #666666);
          }

          &.tag_2 {
            margin-top: 10rpx;
            @include fontStyle(24, 24, #999999);
          }
        }
      }
    }

    .line {
      @include flex-space-between;
      margin-top: 24rpx;

      .title {
        @include flex;

        text {
          &.title_1 {
            @include fontStyle(28, 28, #999999);
            margin-right: 32rpx;
          }

          &.title_2 {
            @include fontStyle(28, 26, #666666);
          }
        }
      }
      .more {
        image {
          @include size(24, 24);
        }
      }
    }
  }
}
.tab-box {
  @include flex-space-around;
  background-color: #f8f8f8;
  padding: 0 0 24rpx 0;
  .tab-item {
    @include fontStyle(32, 32, #666666);
    padding: 32rpx 0 16rpx 0;
    width: 25%;
    position: relative;
    text-align: center;
    &::after {
      content: "";
      width: 70rpx;
      height: 4rpx;
      background-color: var(--color-theme);
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      border-radius: 2rpx;
      opacity: 0;
    }
    &.active {
      color: var(--color-theme);
      &::after {
        opacity: 1;
      }
    }
  }
}
.content {
  @include container;
  padding: 0;
  margin-top: 24rpx;
  .comment,
  .coach {
    box-sizing: border-box;
    padding: 0 20rpx;
  }
}
